<template>
  <div class="text-blance flex justify-center p-10">
    <h1 class="text-4xl font-bold">
      Design should always match
      <TextHighlight
        class="rounded-xl bg-gradient-to-r from-green-300 to-blue-300"
        text-end-color="hsl(var(--accent))"
      >
        WCAG recommendations
      </TextHighlight>
      . Check your contrast.
    </h1>
  </div>
</template>
